{% include "header.html" %}

 <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="primary left"> 
       
        <!-- ARTIGOS -->

        <div class="artigos2 boxPattern left">

          <h3 class="titleLarge relative left"><span class="iconset i-artigos"></span>Artigos</h3>

          <div class="boxArtigos left">
            {% for artigo in artigo.object_list|slice:"0:4" %}
            <ul class="boxArtigo left">

              <li class="imageArtigo left"><a href="{% url ingenium.views.artigo artigo_id=artigo.id %}" title=""><img src="/media/{{ artigo.imagem_destaque }}" width="84" height="65" alt="{{ artigo.titulo }}" /></a></li>

              <li class="textArtigo left"> <a href="{% url ingenium.views.artigo artigo_id=artigo.id %}" title=""> <strong>{{ artigo.titulo }}</strong>{{ artigo.subtitulo }} </a> </li>

            </ul>
			{% endfor %}

          </div>



<!--OUTROS ARTIGOS-->

            <div class="outrosArtigos left">

            	<h3 class="titleoutros relative left"><span class="iconset arrowServicos"></span><span class="text">Outros Artigos</span></h3>

        	</div>

        	<div class="boxOutros left">
            {% for artigo in artigo.object_list|slice:"4:20" %}
            	<ul class="boxOutros left">

                	<li class="textoutros left"> <a href="{% url ingenium.views.artigo artigo_id=artigo.id %}" title=""> <strong>{{ artigo.titulo }}</strong> {{ artigo.resumo|safe }}</a>... </li>

                	<li class="foot left"><p>Atualizado em {{ artigo.publicacao }}</p><span class="leiaoutros"><a href="{% url ingenium.views.artigo artigo_id=artigo.id %}" title="Leia mais">Leia mais<span class="i-more">+</span></span></a></li>

                </ul>
            {% endfor %}

            <div class="footartigos left">

                <span class="step-links">
        {% if artigo.has_previous %}
            <a href="?page={{ artigo.previous_page_number }}">anterior</a>
        {% endif %}

        <span class="current">
            Página {{ artigo.number }} de {{ artigo.paginator.num_pages }}
        </span>

        {% if artigo.has_next %}
            <a href="?page={{ artigo.next_page_number }}">próxima</a>
        {% endif %}
    </span>

            </div>

            </div>

        

        </div>

        <!-- // FIM ARTIGOS --> 
     
      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
    <div class="secondary left"> 
       
       <!-- DESTASQUES-->
       <div class="destasques boxPattern left">
       	<h3 class="titleSmall relative left"><span class="iconset i-estrela"></span>Destaques</h3>
       	<div class="boxDestaques left">
        	<ul class="listaDestaques left">
            	{% for destaques in destaques %}
                <a href="{% url ingenium.views.destaque destaques_id=destaques.id %}" title="" >
            	<li class="listaDestaquesContainer">
                	<img class="imgDestaq" src='/media/{{ destaques.imagem_destaque }}' width="60" height="30" alt="noticia 01" /><span class="listaInterna">{{ destaques.titulo }}</span>
                </li></a>
            	{% endfor %}
            </ul>
           <div class="verTodas left"> <a href="{%url ingenium.views.destaques%}" title="" class="vTodas">ver todas<span class="i-more">+</span></a> </div>
        </div>
       </div>
       <!-- FIM DE DESTAQUES-->
       
            <!-- VIDEOS -->
        	<div class="videos boxPattern left">

            	<h3 class="titleSmall relative left"><span class="iconset i-videos"></span>Vídeos</h3>

                <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=GalaxyTeresina&synd=open&w=285&h=290&title=&border=%23ffffff%7C3px%2C0px+solid+%23999999&output=js"></script>

            </div>
        	<!-- // FIM VIDEOS -->
        
            <!-- VAGAS RECENTES -->

        	<div class="vagas boxPattern left">

            

            	<h3 class="titleSmall relative left"><span class="iconset i-vagas"></span>Vagas Recentes</h3>

                <div class="boxVagas left">

                	<div class="feedVagas table left" id="bino">


                        <ul class="feedVagasContainer left">

                        {% for vaga in vaga %}   

                        	<li>

                        		<a href="#" title="" class="boxVaga left">    	

                            		<span class="cargo left">{{ vaga.descricao }}</span>

                                    <span class="perfil left"><strong class="titulo">Perfil:</strong><strong class="resposta">{{ vaga.observacao }}</strong>...</span>

                                    <span class="area left"><strong class="titulo">Área de atuação:</strong><strong class="resposta">{{ vaga.area }}</strong></span>

                                    <span class="iconset arrowFeed"></span>

                                </a>

                            </li>

                        {% endfor %}    

                        </ul>

                    </div>

                        <div class="verTodas left">

                            <a href="#" title="" class="vTodas">ver todas<span class="i-more">+</span></a>

                        </div>


                </div>

            

            </div>

        	<!-- // VAGAS RECENTES --> 
        
        <!-- REDES SOCIAIS -->
        <div class="sociais boxPattern no-marginBottom left">
          <div class="sociaisBox table boxer left">
		  
		  
            <ul class="titleAbas">
              <li><a class="facebook left " href="#tab1" title="Facebook"><span class="iconset i-face"></span>FACEBOOK</a></li>
              <li><a class="twitter left" href="#tab2" title="Twitter"><span class="iconset i-twit"></span>TWITTER</a></li>
            </ul>
            <div class="contentRedesociais left"> 
              
              <!-- FACEBOOK -->
              <div id="tab1" class="tabRedesociais"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FInstituto-Galaxy-Consultoria-e-Treinamento%2F208204072548213&amp;width=293&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:340px;" allowTransparency="true"></iframe></div>
              
              <!-- TWITTER -->
              <div id="tab2" class="tabRedesociais"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 293,
  height: 253,
  theme: {
    shell: {
      background: '#f29500',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#004084',
      links: '#0088ff'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('InstitutoGalaxy').start();
</script>
			</div>
             </div>
          </div>
		</div>
        <!-- // REDES SOCIAIS --> 
        
    </div> 
      <!-- // FIM CONTEÚDO SECUNDÁRIO --> 

    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
  
  {% include "rodape.html" %} 
